<template>
  <div class="bottombar">
    <div class="barleft">
       <span class="iconfont icon-zixunzhuanyefuwu"></span><span class="anser">咨询</span>
    </div>
    <div class="barright">
        <span class="gift">微信送礼</span>
        <span class="buy">立即订购</span>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
@import '../../../public/flower/iconfont.css';
.bottombar{
    width: 100%;
    height: 0.82rem;
    background-color: #fefffe;
    display: flex;
    position: fixed;
    bottom: 0;
    border-top: 0.02rem solid #dfdfdf;
}
.barleft,.barright,.gift,.buy{
    width: 50%;
    height: 0.48rem;
    line-height: 0.48rem;
}
.iconfont{
    color: #4b9fa5;
    font-size: 0.24rem;
    margin-left: 0.18rem;
    margin-right: 0.12rem;
}
.anser{
    color: #111111;
    font-size: 0.18rem;
}
.gift,.buy{
    display: block;
    float: left;    
    text-align: center;
    font-size: 0.18rem;
    color: #fff;
}
.gift{
    background-color: #ef8f46;
}
.buy{
    background-color: #e15141;
}
</style>